<template>
    <view class="site-footer" @tap="url" data-type="mini" data-app="wxd4a5be4daf679ace" data-url="/pages/home/index/home_index">
        <view :class="'info ' + color">© {{ company }}</view>
        <view :class="'info margin-top-xs ' + color">{{ ver }}</view>
    </view>
</template>

<script>
const pageHelper = require('../../../helper/page_helper');
const setting = require('../../../setting/setting.js');
export default {
    data() {
        return {
            company: '',
            ver: ''
        };
    },
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的 属性列表
     */
    props: {
        color: {
            type: String,
            default: ''
        }
    },
    created: function () {
        // 组件实例化，但节点树还未导入，因此这时不能用setData
    },
    mounted() {
        // 处理小程序 attached 生命周期
        this.attached();
        // 处理小程序 ready 生命周期
        this.$nextTick(() => this.ready());
    },
    move: function () {
        // 组件实例被移动到树的另一个位置
    },
    destroyed: function () {
        // 在组件实例被从页面节点树移除时执行
    },
    /**
     * 组件的方法列表
     */
    methods: {
        ready: async function () {
            // 组件布局完成，这时可以获取节点信息，也可以操作节点
            // 当前用户，用于评论删除
            this.loadDetailFun();
        },

        attached: function () {},

        loadDetailFun: async function () {
            this.setData({
                company: setting.COMPANY,
                ver: setting.VER
            });
        },

        url: function (e) {
            pageHelper.url(e, this);
        }
    }
};
</script>
<style>
@import './foot_cmpt.css';
</style>
